<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>绑定银行卡</title>
    <script src="../js/base.js"></script>
</head>
<style type="text/css">
    body {
        background: #1D1E23;
    }

    .top {
        height: 50px;
        line-height: 50px;
        background-color: #424242;
        text-align: center;
        font-size: 18px;
    }

    .left_arrow {
        width: 23px;
        height: 25px;
        top: 13px;
        left: 15px;
        background-size: 50%;
        position: absolute;
        background-image: url(../img/arrow_left.png);
        z-index: 100;
    }

    .account_item {
        padding: 10px 15px;
        background-color: #424242;
    }

    .bankpic {
        float: left;
        margin-right: 7px;
        width: 37px;
        height: 37px;
    }

    .bankpic img {
        width: 100%;

    }

    .yhk {
        font-size: 18px;
        padding: 2px;
    }

    .arrow:after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 13px;
        margin-left: 5px;
        position: relative;
        top: 2px;
        background-size: cover;
        background-image: url(../img/arraw_right.png);
    }

    .txje {
        color: #f0f0ef;
        font-size: 22px;
        border-bottom: 1px solid #5b5a5a;
        padding-top: 3%;
        margin-bottom: 2%;
    }

    .qbtx {
        float: right;
        color: #D3B581;
    }

    .account_item1 {
        padding: 0px 15px;
    }

    .buon {
        width: 90%;
        font-size: 18px;
        color: #333;
        padding: 1.5%;
        background: #E1B080;
        margin: 0 auto;
        border-radius: 5px;
        text-align: center;
        margin-top: 20%;
        box-sizing: border-box;
    }

    .account_item {
        padding: 16px 15px;
        font-size: 18px;
    }

    .mt1 {
        margin-top: 1px;
    }

    .mt1 b {
        margin-right: 20px;
    }

    .d3d3d3 {
        color: #d3d3d3;
    }

    .account_item1 {
        padding: 0px 15px;
        color: #c6c6c6;
    }

    .account_item span {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #ccc;
        border-radius: 50%;
        font-size: 24px;
        color: #eee;
        text-align: center;
        line-height: 18px;
        float: right;
    }
</style>
<body>
<div class="top"><span class="left_arrow bgBox" onclick="javascript:history.back(-1);"></span>添加提现银行卡</div>
<div class="account_item1 mt10 color999 f14">
    <div class="bankpic"><img src="../img/yinhangka.png"/></div>
    <div class="f14 yhk">请绑定持卡人本人的银行卡</div>
</div>
<form id="bangding" action="/put/bangding" method="post">
    <div class="account_item mt10 d3d3d3">
        <input style="height: 20px;font-size: 18px;color: #d3d3d3;background: #424242;" name="bankAccount" type=""
               placeholder="银行卡号"/>
        <span>&times</span>
    </div>
    <div class="account_item mt1 color999">
        <input style="height: 20px;font-size: 18px;color: #d3d3d3;background: #424242;" name="bankName" type=""
               placeholder="银行类型">
    </div>
</form>
<div class="account_item1 mt10 color999">
    *提现成功一笔后，提现银行卡将被绑定，如需修改提现银行卡，需要先解除绑定
</div>
<div class="buon" id="baocun" onclick="document.getElementById('bangding').submit();">保存</div>
</body>
</html>
